<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			#div1{
				background: orange;
			}
			
			.div1{
				width: 100px;
				height: 100px;
				background: red;
			}
		</style>
	</head>
	<body>
		<div id="div1">
			div1
		</div>
		<div id="div2">
			div2
		</div>
		
		
		
		<!--引入jquery的环境-->
		<script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript">
			//写第一个jQuery内容
			$(function(){
				//jQuery的代码
				
				//给div1添加样式表
				$("#div1").addClass("div1");
				//设置单个样式
				$("#div1").css("background","black");
				//设置字体大小是30px，字体颜色为红色
				$("#div1").css({"font-size":"30px","color":"red"});
				
				
				$("#div2").addClass("div1");
				//3秒之内隐藏掉div2
				$("#div2").hide(3000);
				//3秒之内显示
				$("#div2").show(3000);
			});
			
			//JavaScript代码
			
		</script>
	</body>
</html>
